<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/magnific-popup.min.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/demo03.css">
    <title>图集</title>
    
</head>

<body>
    <!-- 导航栏 -->
    <header>
        <a href="#" class="logo">Slamdunk</a>
        <ul>
            <li class="nav"><a href="../index.html" target="_blank">首页</a></li>
            <li class="nav"><a href="./demo03.html" target="_blank">图集</a></li>
            <li class="nav"><a href="./demo01.html" target="_blank">漫画介绍</a></li>
            <li class="nav"><a href="./demo02.html" target="_blank">作者介绍</a></li>
            <li class="nav"><a href="./login.html" target="_blank">登陆</a></li>
        </ul>
    </header>
    <div class="gallery">
        <a href="../imgs/tuji/gallery01.jpg">
            <img src="../imgs/tuji/gallery01.jpg" alt="">
        </a>
        <a href="../imgs/tuji/gallery02.jpg">
            <img src="../imgs/tuji/gallery02.jpg" alt="">
        </a>
        <a href="../imgs/tuji/gallery03.jpg">
            <img src="../imgs/tuji/gallery03.jpg" alt="">
        </a>
        <a href="../imgs/tuji/gallery04.jpg">
            <img src="../imgs/tuji/gallery04.jpg" alt="">
        </a>
        <a href="../imgs/tuji/gallery05.jpg">
            <img src="../imgs/tuji/gallery05.jpg" alt="">
        </a>
        <a href="../imgs/tuji/gallery06.jpg">
            <img src="../imgs/tuji/gallery06.jpg" alt="">
        </a>
    </div>
        <!-- 尾部 -->
        <div class="footer">
            <div class="footer_logo"></div>
            <p>&copy; 此页面作者:计应21-1 劳尚思<br>网站仅用于个人学习使用<br>如有侵权联系删除</p>
            <div class="tel"></div>
            <div class="wechat">
                <div class="my"></div>
            </div>
            <div class="e-mail"></div>
        </div>
</body>
<script src="../js/jquery-3.6.0.js"></script>
<script src="https://cdn.jsdelivr.net/npm/magnific-popup@1.1.0/dist/jquery.magnific-popup.min.js"></script>
<script src="../js/main.js"></script>
<script>  // 导航栏
    window.addEventListener('scroll', () => {
        let header = document.querySelector('header')
        header.classList.toggle('sticky', window.scrollY > 0)
    });
</script>

</html>